<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
      function createXMLHttpRequest() {
        var xmlHttp;
        // 适用于大多数浏览器，以及IE7和IE更高版本
        try {
          xmlHttp = new XMLHttpRequest();
        } catch(e) {
          // 适用于IE6
          try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch(e) {
            // 适用于IE5.5，以及IE更早版本
            try {
              xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {}
          }
        }
        return xmlHttp;
      }

      function send() {
        var xhr = createXMLHttpRequest();
        xhr.open('GET', 'AjaxServlet', true);
        xhr.send(null);
        xhr.onreadystatechange = function() {
          if(xhr.readyState == 4 && xhr.status == 200) {
            var text = xhr.responseText;
            console.log("从服务器返回的是:" + text);
          }
        }
      };
    </script>
  </head>

  <body>
    <form action="">
      <input type="button" value="发送" onclick="send()">
    </form>
  </body>

</html>